import React from 'react';
import { Navigate } from 'react-router-dom';
import { authUtils } from '../services/authService';

/**
 * 受保护的路由组件
 * 用于检查用户是否已登录，未登录则重定向到登录页面
 * 
 * @param {Object} props - 组件属性
 * @param {React.ReactNode} props.children - 子组件
 * @returns {React.ReactNode} 受保护的组件或重定向
 */
const ProtectedRoute = ({ children }) => {
  // 检查用户是否已登录
  const isAuthenticated = authUtils.isAuthenticated();
  
  if (!isAuthenticated) {
    // 未登录，重定向到登录页面
    return <Navigate to="/login" replace />;
  }
  
  // 已登录，渲染子组件
  return children;
};

export default ProtectedRoute;
